Почему верстать таблицами плохо?

sympler · April 11, 2011

Занимаюсь версткой давно, но никак не могу понять почему верстать таблицей плохо?

я не вижу ни одну нормальную причину. особенно для клиента, который и не слышал про HTML.../

результат один, а проблем от таблицы куда меньше.

Поначалу думал что таблица дает больше тегов, да это так, но в сравнении со всем документом, это ничтожно малое количество...

из плюсов:

-кроссбраузерно

- не надо париться с прилипающим футеров

- при вставке незакрытого тега div верстка не летит.....

- нет путаницы с флоатами.

- у таблицы выравнивание и по горизонтали и по вертикали!! родное

- может еще есть плюсы

минусы?? кроме того что так типа нельзя????

psywalker · April 11, 2011

минусы?? кроме того что так типа нельзя????

А их нет. Таблицы можно и нужно использовать там, где они будут лучше справятся с задачей и конечным результатом. А все, кто говорит, что таблицы говно, посылай смело.

rash · April 11, 2011

Поначалу думал что таблица дает больше тегов, да это так, но в сравнении со всем документом, это ничтожно малое количество...
из плюсов:
…
- не надо париться с прилипающим футеров
…

Quirks?

А вообще, если не планируется одну и ту же страницу кардинально перекраивать стилями для разных ситуаций (большой/маленький экран, смартфон, версия для печати и т. д.), то совсем не страшно. Проблемы возникнут, когда с помощью стилей придется изменить раскладку. Если такое не планируется - все должно быть ОК.

SelenIT · April 11, 2011

Главный плюс — что кроссбраузерно. Если б не IE7-, display:table-xxx был бы универсальным ответом. Но увы...

Быколай · April 11, 2011

ну так-то да, но с дивами гибше выходит.

1. когда например неизвестное количество идущих параллельно в ряд элементов. таблица с такой галерей будет распирать по горизонтали страницу. (были случаи в жумлах и битриксах - там многие компоненты генерят таблицами представления товаров/новостей/картинок/чего_угодно, а на меньшем чем у затейника идеи экране всё это выглядит ужасно)

2. дивы можно позиционировать как душе угодно, стилями перелопатить страницу на дивах под любое разрешение/представление, хоть верх тормашками справа налево. а таблица это как топором вырублено, уже никак не изменишь. не должно представление данных так зависеть от структуры, а таблица задаёт самую что ни на есть жёсткую структуру.

имхо путаница с флоатами/прилипанием - это наоборот возможности добавляющие гибкости, хороший инструмент в умелых руках. я люблю всякие фиксированные элементы вставлять. независимые от количества содержимого контента.

Если же ваять простые двух-трёхколоночные шаблоны то с таблицей без условно проще.

ЗЫ: sympler, а вы не тролль часом :facepalmxd:

sympler · April 11, 2011

в принципе понятно, что жесткая привязка, хотя это тоже не серьезный аргумент... не припомню что бы приходилось с помощью css вообще всю структуру переделывать.

обычно заново все делаешь, чем разбираешься в чужом коде.

но все клепают каркасы на дивах... при этом мамой кленутся что таблицей нехорошо и крайне неправильно...

может это просто дурацкая мода?

поражает когда приводишь простое решение на таблицах, то такой вариант даже не рассматривается по непонятным причинам..

Edited April 11, 2011 by sympler

psywalker · April 11, 2011

в принципе понятно, что жесткая привязка, хотя это тоже не серьезный аргумент... не припомню что бы приходилось с помощью css вообще всю структуру переделывать.
обычно заново все делаешь, чем разбираешься в чужом коде.
но все клепают каркасы на дивах... при этом мамой кленутся что таблицей нехорошо и крайне неправильно...
может это просто дурацкая мода?
поражает когда приводишь простое решение на таблицах, то такой вариант даже не рассматривается по непонятным причинам..

Мнение, что таблица может заменить всё что угодно, так же абсурдна, как мнение о том, что слои лучше всех, и думать так может только тот, кто не познал всех особенностей и тонкости вёрстки, человек с недостаточным опытом.

Слой или Таблица выбирается в зависимости от задачи, а правильный выбор может сделать только мастер.

поражает когда приводишь простое решение на таблицах, то такой вариант даже не рассматривается по непонятным причинам..

Ради интереса взглянул бы на твои простые решения на таблицах.

Mavrun · April 11, 2011

К примеру, ишак тупит с таблицами - пока не будут загружены все ячейки таблицы, она не будет отображена. В старых ишаках такое точно было.

Что касается плюсов, рассмотрим:

1) кроссбраузерно

Таблицами можно и некроссбраузерно сваять, также как и контейнерами - дело рук просто.

2) не надо париться с прилипающим футеров

На контейнерах уже мильён решений этого и проблемы с этим, как правило, только у новичков, и то, которые быстро учатся примочкам

3) при вставке незакрытого тега div верстка не летит.....

Есть такое. Просто аккуратнее надо быть, и всё тут

4) нет путаницы с флоатами.

Сколько лет верстаю контейнерами, не помню, чтобы путался.

5) у таблицы выравнивание и по горизонтали и по вертикали!! родное

Согласен, есть такое. Но по горизонтали и здесь проблем нет, а что касается вертикали, есть vertical-align. Он поддерживается неполностью 6 и 7 ишаком, но только частично. и вроде бы обычная тема с выравниванием работает, по крайней мере в седьмом. на тему шестого - я уже давно ставлю хак для скачки адекватного браузера и не поддерживаю шестёрку вообще.

Так что перечисленные плюсы сомнительны. А по сравнению с блоками, блоки:

1) меньше кода, т.е. иными словами проще читаемо в чём-то

2) гибкость, о которой было сказано ранее

Что касается моды, не согласен. Как когда-то таблицы сменили фреймы, так и контейнеры сменили таблицы. С одним отличием тут - фреймы в лесу остались, а вот таблицы живут и хороши там, где нужны именно таблицы. Для остального, имхо, контейнеры

SelenIT · April 15, 2011

Имхо, есть смысл прислушаться к мнению человека, съевшего на фронтенд-разработке не одну @-ку Хотя и оно — не истина в последней инстанции, конечно.

2) не надо париться с прилипающим футеров
На контейнерах уже мильён решений этого и проблемы с этим, как правило, только у новичков, и то, которые быстро учатся примочкам

Справедливости ради, для футера неизвестной/плавающей высоты (довольно редкий случай, но тем не менее) пока существуют (по крайней мере, мне известны) только две кроссбраузерные альтернативы — таблицы и скрипты. Связке display:table/display:table-footer-group, решающей проблему, пока не дают ходу "неубиваемые" IE6-7...

psywalker · April 15, 2011

Резюмируя все вышесказанное. При выборе «сверстать таблицами или блоками», равно как и в любой другой подобной задаче, нужно руководствоваться тщательным анализом той среды, в которой будет работать то или иное решение, а не идиотскими стереотипами или собственной ленью.

Вот об этом я и говорил.

Bayanruby · April 15, 2011

Год сидел на таблицах вот недавно начал серьёзно практиковаться верстать на слоях.

Тоже когда на таблицах верстал не понимал в чём прелесть слоёв, но когда попробовал уже думаю не оторвусь хД.

Но таблицы будут жить всегда!

LESTAD · April 15, 2011

Но таблицы будут жить всегда!

Я вот сейчас изучаю CSS и HTML, и уже прочитал много за и против, но тенденции таковы что те кто лет 5 назад защищал таблицы, сейчас прекрасно верстают слоями, и приходит все таки понимание, что всему свое - Таблицам табличные данные, Слоям Оформление.

Я думаю каждому верстальщику, надо использовать его "СВОЕ" и не париться, главное что бы это не влияло на качество.

Заказчикам бы пора перестать искать все в одном и разделять всю работу, вот тогда будет счастье, и развитие конкретно в своей области ( имею в виду фри ланс).

Gaspode · April 15, 2011

Я в SEO совсем дуб-дубом, но как там насчёт кошерной индексации при кошерной семантике разметки? Типа как <header> поисковик считает хедером, а <table> - таблицей. Просветите тёмного, так ли это вообще, насколько это критично и т.п.